@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-12-06 14:21:03
 * @version $Id$
 */
*{margin:0;padding:0;box-sizing: border-box;}
body{font-size: .16rem;font-family: "微软雅黑"}
/*.container{width: 7.5rem;margin:0 auto;}*/
/*轮播*/
.swiper-container{
    height: 3.07rem;
}
/*详细分类*/
nav{border-top:.15rem solid #efeeee; height: 4.11rem;}
.bg-orange{background:#fd6d46; }
.bg-yellow{background:#ffb504; }
.bg-green{background:#41ca2a; }
.bg-blue{background:#26c9d8; }
nav ul{margin-top: .1rem;}
nav ul li{ margin-top:.24rem; height: 1.5rem;float:left;padding-left: .55rem;}
nav ul i{display: block; width: 1.07rem;height: 1.07rem;border-radius: 50%;text-align: center;line-height: 1.07rem;color: #fff;}
nav ul h2{text-align: center;font-size: .3rem;margin-top: .12rem;color: #333;}
/*计算*/
.compute{
    height: 3.7rem;
    font-size: 0;
}
.compute .line{
    height: .04rem;
    background: #fca000;
}
.compute .title{
    height: .36rem;
    text-align: center;
    margin: .3rem 0 .22rem;
}
.compute .title img{
    width: .28rem;
    height: .36rem;
    margin-right: .36rem;
    vertical-align: top;
}
.compute .title span{
    font-size: .3rem;
    font-weight: bold;
    vertical-align: top;
}
.compute form{
    width: 7.2rem;
    height: 2.42rem;
    margin:0 auto;
}
.compute form input{
    width: 7.2rem;
    height: .7rem;
    font-size: .3rem;
}
.compute form span{
    top:.15rem;
    left: 90%;
    margin-top: .07rem;
}
.compute form sup,.compute form span,.compute form select{
    font-size: .3rem;
    color:#c5c3b9;
}
.compute form select{
    width: 3.5rem;
    height: .7rem;
    margin-top:.3rem;
}
.compute form .compSelect{
    margin-right: .2rem;
}
.compute form button{
    width: 7.2rem;
    height: .55rem;
    background: #0eb852;
    font-size: .32rem;
    color: white;
    border: none;
    border-radius: .09rem;
    margin:.2rem 0 .15rem;
}
/*用户报价*/
.money{
    text-align: center;
}
.money .bck{
    margin-left: 7%;
}
.money .bck,.money .bck>img{
    width: 6.43rem;
    height: .63rem;
}
.money .title{
    width: 7.5rem;
    margin:.1rem 0 .2rem;
}
.money .title p{
    font-size: .32rem;
    font-weight: bold;
}
.money .title span{
    color: #ef9d0e;
}
.money .user{
    width: 7.5rem;
    font-size: 0;
}
.money .user>ul>li{
    display: inline-block;
    font-size: .26rem;
    color: #999999;
    margin-left:.5rem;
}
.money .user>ul:nth-child(1){
    margin-bottom: .1rem;
}
.money .user>ul:nth-child(2){
    margin-bottom: .3rem;
}
.money .mBot{
    width: 7.5rem;
    height: .15rem;
    background: #efeeee;
}
/*优惠信息*/

.pessage .pTop{
    margin:0 auto;
    width: 7.2rem;
    height: 0.65rem;
    font-size: 0;
    padding: 0.1rem 0 0.2rem;
}
.pessage .line{
    margin-bottom: 0.2rem;
    border-bottom: 0.03rem solid #999999;
}
.pessage .pTop img{
    width: 0.29rem;
    height: 0.39rem;
    margin-top: -.2rem;
    margin-right: .05rem;
}
.pessage .pTop span{
    font-size: 0.30rem;
    font-weight: bold;
    display: inline-block;
    margin-top: 0.06rem;
}
.pessage .pTop .more{
    float: right;
    color: #999999;
}
.pessage ul{
    font-size: 0;
    margin-left: 2%;
    margin-bottom: 0.3rem;
}
.pessage ul li{
    display: inline-block;
}
.pessage ul li:nth-child(1){
    margin-bottom:2%;
}
.pessage ul li:nth-child(2){
    margin-right: 0.3rem;
}
.pessage ul li:nth-child(1)>img{
    width: 7.2rem;
    height: 2.15rem;
}
.pessage ul li img{
    width: 3.5rem;
    height: 2.21rem;
}
/*精品推荐*/
.saleM{
    width: 7.5rem; 
}
.saleM .pTop{
    margin:0 auto;
    width: 7.2rem;
    height: .65rem;
    font-size: 0;
    padding: .1rem 0 .2rem;
}
.saleM .line{
    margin-bottom: .2rem;
    border-bottom: .03rem solid #999999;
}
.saleM .pTop img{
    width: .35rem;
    height: .34rem;
    margin-top: -.2rem;
    margin-right: .05rem;
}
.saleM .pTop span{
    font-size: .3rem;
    font-weight: bold;
    display: inline-block;
    margin-top: .06rem;
}
.saleM .pTop .more{
    float: right;
    color: #999999;
}
.saleM ul{
    margin-left: 2%;
}
.saleM ul li{
    width: 3.38rem;
    height: 4.05rem;
    display: inline-block;
}
.saleM ul li:nth-child(1){
    margin-bottom:2%;
}
.saleM ul li img{
    width: 3.38rem;
    height: 4.05rem;
}
.saleM ul li p,.saleM ul li span{
    font-size: .28rem;
    font-weight: bold;
}
.saleM ul li span{
    display: inline-block;
    margin-left: 8%;
    color: #0eb852;
}
/*各种风格*/
.morestyle{
    width: 7.5rem; 
}
.morestyle .pTop{
    margin:0 auto;
    width: 7.2rem;
    height: .65rem;
    font-size: 0;
    padding: .1rem 0 .2rem;
}
.morestyle .line{
    margin-bottom: .2rem;
    border-bottom: .03rem solid #999999;
}
.morestyle .pTop img{
    width: .35rem;
    height: .34rem;
    margin-top: -.2rem;
    margin-right: .05rem;
}
.morestyle .pTop span{
    font-size: .3rem;
    font-weight: bold;
    display: inline-block;
    margin-top: .06rem;
}
.morestyle .pTop .more{
    float: right;
    color: #999999;
}
.morestyle ul li{
    position: relative;
    text-align: center;
}
.morestyle ul li:nth-child(1){
    margin-bottom:2%;
}
.morestyle ul li img{
    width: 7.2rem;
    height: 2.6rem;
}
.morestyle ul li>.gre{
    width: 4.17rem;
    height: 1.03rem;
    background: white;
    border-radius: 5px;
    opacity: .5;
    font-size: .26rem;
    position: absolute;
    top: .7rem;
    left: 1.55rem;
    line-height: .5rem;
    font-weight: bold;
}
.morestyle .mBot{
    width: 7.5rem;
    height: .15rem;
    background: #efeeee;
}
/*最新资讯*/
.news{
    width: 7.5rem; 
}
.news .pTop{
    margin:0 auto;
    width: 7.2rem;
    height: .65rem;
    font-size: 0;
    padding: .1rem 0 .2rem;
}
.news .line{
    margin-bottom: .2rem;
    border-bottom: .03rem solid #999999;
}
.news .pTop img{
    width: .24rem;
    height: .27rem;
    margin-top: -.2rem;
    margin-right: .05rem;
}
.news .pTop span{
    font-size: .3rem;
    font-weight: bold;
    display: inline-block;
    margin-top: .06rem;
}
.news .pTop .more{
    float: right;
    color: #999999;
}
.news .picWord{
    font-size: 0;
    margin-left: 2%;
}
.news .picWord .pic,.picWord .Word{
    display: inline-block;
    vertical-align: top;
}
.news .picWord .pic img{
    width: 2.4rem;
    height: 2.4rem;
}
.news .picWord .Word{
    margin-left: 3%;
}
.news .picWord .Word ul{
    float: right;
    font-size: .28rem;
    width: 4.6rem;
}
.news .picWord .Word ul li{
    margin-bottom:.1rem;
}
/*门店地址*/
.company{
    width: 7.5rem; 
}
.company .pTop{
    margin:0 auto;
    width: 7.2rem;
    height: .65rem;
    font-size: 0;
    padding: .1rem 0 .2rem;
}
.company .line{
    margin-bottom: .2rem;
    border-bottom: .03rem solid #999999;
}
.company .pTop img{
    width: .21rem;
    height: .29rem;
    margin-top: -.2rem;
    margin-right: .05rem;
}
.company .pTop span{
    font-size: .3rem;
    font-weight: bold;
    display: inline-block;
    margin-top: .06rem;
}
.company .pTop .more{
    float: right;
    color: #999999;
}
.company .cPic,.company .bPic{
    width: 7.2rem;
    height: 1.65rem;
    margin-left: 2%;
    margin-bottom: .2rem;
}
.company .cPic img,.company .bPic img{
    width: 1.65rem;
    height: 1.65rem;
}
.company .cPic .Word,.company .bPic .Word{
    font-size: .26rem;
    margin-left: 1.8rem;
}
.company .cPic .Word h3,.company .bPic .Word h3{
    font-weight: bolder;
    font-size: .28rem;
}
.company .cPic .Word li,.company .bPic .Word li{
    margin-bottom: .3rem;
}
.company .mBot{
    height: .35rem;
    background: #efeeee;
}
.stop{
    width: .8rem;
    height: .8rem;
    background: gray;
    opacity: .7;
    border-radius: 50%;
    position: fixed;
    bottom: 15%;
    right: 0;
    display: none;
    text-align: center;
}
.stop p{
    margin-top: .25rem;
    font-size: .3rem;
    color: white;
}